import { FC } from 'react'
import { Tabs } from 'antd'
import type { TabsProps } from 'antd'
import OriginTable from './OriginTable'
import TablePage from './TablePage'
import LoadPage from './Load'

const Demo: FC = () => {
  const items: TabsProps['items'] = [
    {
      key: '1',
      label: '原生伸缩表格',
      children: <OriginTable />
    },
    {
      key: '2',
      label: '封装伸缩表格',
      children: <TablePage />
    },
    {
      key: '3',
      label: '渲染',
      children: <LoadPage />
    }
  ]

  return <Tabs defaultActiveKey="1" items={items} />
}

export default Demo
